iT邦幫忙

2023 iThome 鐵人賽

DAY 18
0
自我挑戰組

那些有趣的程式系列 第 19

【Day19】從零開始的程式大亂鬥:JavaScript-ES5

  • 分享至 

  • xImage
  •  

今天要說的是在ES5,新的宣告變數的方式。

之前我們都是使用 var 來宣告變數,現在除了 var 以外還有以下兩種:

  • let
  • const

這三者的差別在於變數的生存區域:

  • 屬於 函式 範圍
    • var
  • 屬於 區塊 範圍
    • let
    • const

letconst 兩者的差別在於:
let 宣告後依舊可以修改,而 const 在宣告賦值後就不能修改了。

基本上我們可以使用 let 代替 var ,來讓我們的程式更嚴謹。

Example:

<!DOCTYPE html>
<html>
    <head>
        <title>JavaScript-ES5</title>
        <script>
            sessionStorage.setItem('content', 'ES5');
        </script>
    </head>
    <body>
        <div class="content"></div>
        <script>
            const contentElement = document.querySelector('.content');
            let content = sessionStorage.getItem('content');
            contentElement.innerText = content;
        </script>
    </body>
</html>

上一篇
【Day18】從零開始的程式大亂鬥:JavaScript-Web Storage
下一篇
【Day20】從零開始的程式大亂鬥:JavaScript-同步與非同步
系列文
那些有趣的程式35
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言